<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客注册页</title>

    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/register.css">

</head>

<body>
    <div class="nav">
        <img src="pic/picture.jpg" alt="">      <!--左上角头像-->
        <span class="blog-title">BOKEE</span>
        <div class="space"></div>
        <!-- <a class="nav-span" href="blog_list.html">主页</a> -->
        <!-- <a class="nav-span" href="blog_edit.html">写博客</a> -->
        <!-- <a class="nav-span" href="blog_register.html">注册</a> -->
        <!-- <a class="nav-span" href="blog_login.html">登录</a> -->
        <!-- <a class="nav-span" href="">个人中心</a> -->
    </div>

    <div class="container-register">
        <div class="register-dialog">
            <h3>注册</h3>
            <div class="row">
                <span style="inline-size: 6em;" autocomplete="off">用户名:</span>
                <input type="text" name="username" id="username" placeholder="请输入用户名">
            </div>
            <div class="row">
                <span style="inline-size: 6em;" >密码:</span>
                <input type="password" name="password" id="password" placeholder="密码不少于六位">
            </div>
            <div class="row">
                <span style="inline-size: 6em;" >确认密码:</span>
                <input type="password" name="password1" id="password1" placeholder="密码不少于六位">
            </div>
            <div class="row">
                <span style="inline-size: 6em;" >邮箱:</span>
                <input type="email" name="email" id="email" placeholder="email">
            </div>
            <!-- <div class="row">
                <span style="inline-size: 6em;">邮箱验证码:</span>
                <input type="text" name="input_check" id="input_check" style="width: 140px; ">
                <button ID="sendEmail" style="color:white;width: 70px;height: 40px;
                background-color: green;border: none; cursor: pointer;border-radius: 5px;">获取验证码</button>
            </div > -->
            <div class="row" onsubmit="return false;">
                <button type="submit" id="register" " style="cursor: pointer;" >提交</button>
                
            </div>
            <div class="row" >
                <div style="text-align:right;">
                <a href="blog_login.html">已有账号？立即登录</a>
                
                </div>
            </div>


        </div>
    </div>
    <script src="js/jquery.min.js"></script>
    <script>
        $("#register").on("click",function(){
            $.ajax({
                url:"/user/create",
                type:"POST",
                data:{
                    userName:$("#username").val(),
                    password:$("#password").val(),
                    email:$("#email").val()
                },
                resultType:"JSON",
                success: function(result){
                    // alert(result.message);
                },
                error:function(result){

                }
            });
        });

    </script>

    <!-- <script>
        //注册账号
        function register(){
            $.ajax({
                url:"/user/create",
                type:"POST",
                data:{
                    email:$("#email").val(),
                    userName:$("#username").val(),
                    password:$("#password").val(),
                    password:$("#password1").val(),
                    email:$("#email").val()
                },
                resultType:"JSON",
                success:function (result){
                    if(result.code!=-1&&result.data==null){
                        alert("注册成功")
                        location.href="blog_login.html";

                    }
                    if(userName.val()==null||userName.val().trim()==""||userName.val().trim()<6){
                        alert("请输入正确的用户名");
                    }
                    if(password.val()==null||password.val().trim()==""||password.val()!=password1.val()||password.val().trim()<6||password1.val().trim()<6){
                        alert("请输入正确的密码和确认密码");
                    } -->
                    // if(email.val()==null||email.val().trim()==""||)
                    // if(result.code==200 && result.data!=null){
                    //     localStorage.setItem("user_token",result.data);
                    //     location.href="blog_login.html";
                    // }
                    // if(userName.val() == null || userName.val().trim() =="" || userName.val().trim()<6){
                    //     alert("请输入正确的用户名");
                    //     userName.focus();
                    //     return false;
                    // }
                    // if(password.val() == null || userName.val().trim =="" || password.val().trim()<6){
                    //     alert("请输入正确的密码");
                    //     // userName.focus();
                    //     // return false;
                    // }
                    // if(password1.val() == null || password1.val() !=password.val()){
                    //     alert("两次输入密码不一致")
                    // }
                    // if(!regex2.test(email.val())){
                    //     alert("邮箱为空或格式错误");
                    //     // return;
                    // }
                    // if(check.val() == null || check.val() == ''){
                    //     alert("请先输入验证码");
                    //     return;
                    // }
                    
                },
                error:function (result){
                    
                }
            });
        }



        //
        //  //验证码提交按钮
        // $("#sendEmail").click(function (){
        //     var regex = /^(?=.*[a-zA-Z])[a-zA-Z0-9]{8,}$/;
        //     eamil:$("#eamil").val()
        //     if(!regex.test(email.val())){
        //         alert("邮箱格式错误");
        //         return;
        //     }
        //     $.ajax({
        //         url:'/user/email',
        //         type:'post',
        //         data:{
        //             'email':email.val().trim()
        //         },
        //         success:function(result){
        //             if(result.code == 200){
        //                 alert("email发送成功")
        //             }else{
        //                 alert(result.errorMsg);
        //             }
        //         }
        //     });
        // });

        //
        // //提交按钮
        // function register() {
        //     $.ajax({
        //         type:"post",
        //         url:"user/register",
        //         data:{
        //             // var regex = /^(?=.*[a-zA-Z])[a-zA-Z0-9]{8,}$/;
        //             // var regex2 = /^ [a-zA-Z0-9_-]+@ [a-zA-Z0-9_-]+ (. [a-zA-Z0-9_-]+)+$;
        //             userName:$("#username").val(),
        //             password:$("#password").val(),
        //             password1:$("#password1").val(),
        //             email:$("#eamil").val(),
        //             check:$("#input_check").val()
        //         },
        //         success:function(result){
        //             if(result.code==200 && result.data!=null){
        //
        //                 localStorage.setItem("user_token",result.data);
        //                 location.href="blog_login.html";
        //             }
        //             if(userName.val() == null || userName.val().trim() =="" || userName.val().trim()<6){
        //                 alert("请输入正确的用户名");
        //                 userName.focus();
        //                 return false;
        //             }
        //             if(password.val() == null || userName.val().trim =="" || password.val().trim()<6){
        //                 alert("请输入正确的密码");
        //                 userName.focus();
        //                 return false;
        //             }
        //             if(password1.val() == null || password1.val() !=password.val()){
        //                 alert("两次输入密码不一致")
        //             }
        //             if(!regex2.test(email.val())){
        //                 alert("邮箱为空或格式错误");
        //                 return;
        //             }
        //             if(check.val() == null || check.val() == ''){
        //                 alert("请先输入验证码");
        //                 return;
        //             }
        //
        //             //回调函数
        //             $.ajax({
        //                 url:"user/register",
        //                 type:"post",
        //                 data:{
        //                     "userName":userName.val().trim(),
        //                     "password":password.val().trim(),
        //                     "eamil":eamil.val().trim(),
        //                     "check":check.val().trim()
        //                 },
        //                 success:function(result){
        //                     if(result.code == 200 && result.data == 1){
        //                         alert("注册成功");
        //                         locationbar.href = "login.html";
        //                     }else{
        //                         alert("注册失败"+result.errorMsg);
        //                     }
        //                 }
        //             });
        //
        //
        //         }
        //     });
        // }
    </script>
</body>

</html>